
<style>
    .box1{ width: 100%;background: rgba(235, 238, 241, 1); padding-top: 100px;padding-bottom: 100px }
    .box2{ width: 1200px;margin: 0 auto}
    .box4{ display: flex; justify-content: space-between; align-items: center}
    .box3{
        width: 360px;
        height: 265px;
        opacity: 1;
        padding: 30px 35px;
        background: rgba(235, 238, 241, 1);
    }
    .parent-div { /* 选择父容器下的所有直接子元素 */
        padding: 30px 40px 60px 40px;
        background: #fff;
    }
    .parent-div > * { /* 选择父容器下的所有直接子元素 */
        margin-top: 30px; /* 子元素底部间距 30px */
    }
</style>
<div style="width: 100%;
height: 363.04px;
opacity: 1;
background: rgba(0, 0, 0, 1)"></div>

<div class="box1" style=" padding: 0;background:  rgba(235, 238, 241, 1);;">
    <div class="box2">
      <img src="https://www.x-bci.com/uploads/20250611/e2eb9bedd8388e78142cb66835568bbd.png">
    </div>
</div>
<div class="box1" style="background: rgba(219, 224, 228, 1);">
    <div class="box2">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1206" height="570" viewBox="0 0 1206 570" fill="none">
            <g opacity="0.1">
                <rect x="3" y="102" width="1200" height="1"  style="mix-blend-mode:normal" fill="#000000" >
                </rect>
            </g>
            <g >
                <text transform="translate(3, 0)">
                    <tspan x="0" y="44.68" font-size="38" line-height="0" style="mix-blend-mode:normal" fill="#000000"  font-family="" letter-spacing="0" >
                        下载方式</tspan>
                </text>
            </g>
            <rect  x="3" y="183" width="572" height="384"   style="mix-blend-mode:normal" fill="#FFFFFF" >
            </rect>
            <path fill-rule="evenodd"  fill="url(#linear_border_310_687_0)" style="mix-blend-mode:normal" d="M578 180L0 180L0 570L578 570L578 180ZM575 183L3 183L3 567L575 567L575 183Z">
            </path>
            <rect x="3" y="183" width="572" height="130"  style="mix-blend-mode:normal" fill="#000000" >
            </rect>
            <path d="M136 428.41L101 407.822L66 428.41L66 469.587L101 490.175L136 469.587L136 428.41Z" stroke="rgba(51, 51, 51, 1)" stroke-width="4.117647171020508" stroke-linejoin="round"  style="mix-blend-mode:normal">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4.470588207244873" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M83.1172 437.826L100.984 449.008L118.871 437.826">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="3.6842105388641357" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M101 448.998L101 465.577">
            </path>
            <g >
                <text transform="translate(53, 218)">
                    <tspan x="0" y="42.1" font-size="35" line-height="0" style="mix-blend-mode:normal" fill="#FFFFFF"  font-family="" letter-spacing="0" >
                        软件下载</tspan>
                </text>
            </g>
            <rect  x="631" y="183" width="572" height="384"   style="mix-blend-mode:normal" fill="#FFFFFF" >
            </rect>
            <path fill-rule="evenodd"  fill="url(#linear_border_310_694_0)" style="mix-blend-mode:normal" d="M1206 180L628 180L628 570L1206 570L1206 180ZM1203 183L631 183L631 567L1203 567L1203 183Z">
            </path>
            <rect x="631" y="183" width="572" height="130"  style="mix-blend-mode:normal" fill="#000000" >
            </rect>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M730 413L706 413C702.686 413 700 415.686 700 419L700 463C700 466.314 702.686 469 706 469L766 469C769.314 469 772 466.314 772 463L772 443">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M736 469L736 485">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M752 413L744 421L752 429">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M764 413L772 421L764 429">
            </path>
            <path    stroke="rgba(51, 51, 51, 1)" stroke-width="4" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M716 485L756 485">
            </path>
            <g >
                <text transform="translate(681, 218)">
                    <tspan x="0" y="42.1" font-size="35" line-height="0" style="mix-blend-mode:normal" fill="#FFFFFF"  font-family="" letter-spacing="0" >
                        源码SDK下载</tspan>
                </text>
            </g>
            <path    style="mix-blend-mode:normal" fill="#000000"  d="M465 407L501 407C514.255 407 525 417.745 525 431L525 467C525 480.255 514.255 491 501 491L465 491C451.745 491 441 480.255 441 467L441 431C441 417.745 451.745 407 465 407Z">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M465 447.008L465 465L501 465L501 447">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M492 446L483 455L474 446">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M482.992 429L482.992 455">
            </path>
            <path    style="mix-blend-mode:normal" fill="#000000"  d="M1103 407L1139 407C1152.25 407 1163 417.745 1163 431L1163 467C1163 480.255 1152.25 491 1139 491L1103 491C1089.75 491 1079 480.255 1079 467L1079 431C1079 417.745 1089.75 407 1103 407Z">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M1103 447.008L1103 465L1139 465L1139 447">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M1130 446L1121 455L1112 446">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M1120.99 429L1120.99 455">
            </path>
            <defs>
                <linearGradient id="linear_border_310_687_0" x1="575" y1="292.0000001983814" x2="3" y2="292.0000001983814" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#5794F0"  />
                    <stop offset="1" stop-color="#93E8D7"  />
                </linearGradient>
                <linearGradient id="linear_border_310_694_0" x1="1203" y1="292.0000001983814" x2="631" y2="292.0000001983814" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#5794F0"  />
                    <stop offset="1" stop-color="#93E8D7"  />
                </linearGradient>
            </defs>
        </svg>

    </div>
</div>
<div class="box1" style="background:  rgba(235, 238, 241, 1);;">
    <div class="box2">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="703" viewBox="0 0 1200 703" fill="none">
            <g opacity="0.1">
                <rect x="0" y="102" width="1200" height="1"  style="mix-blend-mode:normal" fill="#000000" >
                </rect>
            </g>
            <g >
                <text >
                    <tspan x="0" y="44.68" font-size="38" line-height="0" style="mix-blend-mode:normal" fill="#000000"  font-family="" letter-spacing="0" >
                        帮助支持</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(0, 325)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        为用户提供操作指南和技术支持</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(0, 619)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"   font-family="" letter-spacing="0"  >
                        是一个直接的渠道，让用户或服务接受者能够向</tspan>
                    <tspan x="0" y="70.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        服务提供者表达对产品或服务的看法和建议</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(683, 325)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        提供24不间断服务，满足用户随时随地的信息需求</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(683, 619)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"   font-family="" letter-spacing="0"  >
                        帮助开发者更好地理解整体构架和技术细节，并提供</tspan>
                    <tspan x="0" y="70.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        API接口说明，从而更便捷，准确地完成开发任务</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(0, 273)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        使用文档</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(0, 567)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        意见反馈</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(683, 273)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        问答中心</tspan>
                </text>
            </g>
            <g >
                <text transform="translate(683, 567)">
                    <tspan x="0" y="28.92" font-size="22" line-height="42" style="mix-blend-mode:normal" fill="#111111"  font-family="" letter-spacing="0" >
                        开发者使用文档</tspan>
                </text>
            </g>
            <circle  cx="45" cy="208" r="45"   style="mix-blend-mode:normal" fill="url(#linear_fill_310_713_0)" >
            </circle>
            <circle  cx="45" cy="208" r="45"   style="mix-blend-mode:normal" fill="#FFFFFF" fill-opacity="0.11">
            </circle>
            <path d="M60 188L32 188C30.8954 188 30 188.895 30 190L30 226C30 227.105 30.8954 228 32 228L60 228C61.1046 228 62 227.105 62 226L62 190C62 188.895 61.1046 188 60 188Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M38 214L52 214">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M38 220L45 220">
            </path>
            <path d="M38 196L52 196L52 206L38 206L38 196Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
            </path>
            <circle  cx="45" cy="502" r="45"   style="mix-blend-mode:normal" fill="url(#linear_fill_310_720_0)" >
            </circle>
            <circle  cx="45" cy="502" r="45"   style="mix-blend-mode:normal" fill="#FFFFFF" fill-opacity="0.11">
            </circle>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M28 520L64 520">
            </path>
            <path d="M32 504.72L32 512L39.3172 512L60 491.308L52.6951 484L32 504.72Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round"  style="mix-blend-mode:normal">
            </path>
            <circle  cx="728" cy="208" r="45"   style="mix-blend-mode:normal" fill="url(#linear_fill_310_725_0)" >
            </circle>
            <circle  cx="728" cy="208" r="45"   style="mix-blend-mode:normal" fill="#FFFFFF" fill-opacity="0.11">
            </circle>
            <path d="M737 223L726 223L726 215L740 215L740 207L748 207L748 223L743 223L740 226L737 223Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
            </path>
            <path d="M708 191L740 191L740 215L721 215L717 219L713 215L708 215L708 191Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2"  stroke-linecap="round" style="mix-blend-mode:normal" d="M716 207L722 207">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2"  stroke-linecap="round" style="mix-blend-mode:normal" d="M716 199L728 199">
            </path>
            <circle  cx="728" cy="502" r="45"   style="mix-blend-mode:normal" fill="url(#linear_fill_310_732_0)" >
            </circle>
            <circle  cx="728" cy="502" r="45"   style="mix-blend-mode:normal" fill="#FFFFFF" fill-opacity="0.11">
            </circle>
            <path d="M714 522L742 522C743.105 522 744 521.105 744 520L744 492L734 492L734 482L714 482C712.895 482 712 482.895 712 484L712 520C712 521.105 712.895 522 714 522Z" stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M734 482L744 492">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M731 502L736 507L731 512">
            </path>
            <path    stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M725 502L720 507L725 512">
            </path>
            <defs>
                <linearGradient id="linear_fill_310_713_0" x1="8.8043470703782" y1="174.87888236533556" x2="71.83229595422945" y2="248.24844786527743" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#90F3CE"  />
                    <stop offset="1" stop-color="#3170F4"  />
                </linearGradient>
                <linearGradient id="linear_fill_310_720_0" x1="8.8043470703782" y1="468.8788823653355" x2="71.83229595422945" y2="542.2484478652774" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#90F3CE"  />
                    <stop offset="1" stop-color="#3170F4"  />
                </linearGradient>
                <linearGradient id="linear_fill_310_725_0" x1="691.8043470703782" y1="174.87888236533556" x2="754.8322959542295" y2="248.24844786527743" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#90F3CE"  />
                    <stop offset="1" stop-color="#3170F4"  />
                </linearGradient>
                <linearGradient id="linear_fill_310_732_0" x1="691.8043470703782" y1="468.8788823653355" x2="754.8322959542295" y2="542.2484478652774" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#90F3CE"  />
                    <stop offset="1" stop-color="#3170F4"  />
                </linearGradient>
            </defs>
        </svg>

    </div>
</div>

